Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

177
Views
Javacript [ document.write ("___"); ] Shortcut to not start each line with document.write (" or some alternative

In this code I want to insert some HTML and normal text in JavaScript and don't want it to always enter document.write(" in starting of each line like this:

document.write ("<Style>");
document.write ("html {height:100%}");
document.write (".header {background-color: Aliceblue}");
document.write ("</Style>");

document.write ("<Div class='header'>Website Name</div>");
document.write ("<P style='color:red'>Some text i gathered here</p>");

It'll be very helpful if someone could solve this problem or give me some alternative.๐Ÿ˜Š๐Ÿ˜Š๐Ÿ˜Š

about 4 years ago ยท Juan Pablo Isaza
1 answers
Answer question

0

  1. You can write all at once using ``:
document.write(`
  <style>
    html {height:100%}
    .header {background-color: Aliceblue}"
  </style>

  <div class="header">Website Name</div>
  <p style="color:red">Some text i gathered here</p>
`)
  1. You can create function for it and call it where you need it:
<script>
  function write(data) {
    document.write(data)
  }
</script>

...

<script>
  write("<style>");
  write("html {height:100%}");
  ...
</script>

Warning:

  • write tags names in lowercase:
<Style> -> wrong
<style> -> ok
  • Don't use same quotes inside and outside of string:
"<div class="header">Website Name</div>" -> err
"<div class='header'>Website Name</div>" -> ok
about 4 years ago ยท Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
ยฉ 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!